<style>


    .dux-material-panel .panel-top .body img {
        width: 206px;
        height: 100px;
    }

    .dux-material-panel .panel-item .pic img {
        width: 48px;
        height: 48px;
    }

    .news-list {
        column-width:210px;
        column-gap: 20px;
        padding-left:20px;
        padding-right:20px;
    }

    .news-list .item{
        display:inline-block;
        margin-top:20px;
    }


</style>
<div data-dux="table-bind" style="margin-top: 10px; overflow: scroll; height: 490px; width: 100%">
    <div class="news-list am-cf" data-table style="">
        <!--loop{$list as $vo}-->
        <?php $data = unserialize($vo['data']); ?>
        <div class="item tr">
            <div class="dux-material-panel">
                <a class="panel-top" href="{$data[0]['url']}" target="_blank">
                    <div class="body">
                        <img src="{$data[0]['image']}" alt="">
                        <h2 data-title>{$data[0]['title']}</h2>
                    </div>
                </a>
                <div class="panel-list">
                    <!--loop{$data as $key => $v}-->
                    <!--if{$key > 0}-->
                    <a class="panel-item am-cf" href="{$v.url}" target="_blank">
                        <div class="pic">
                            <img src="{$v.image}" alt="">
                        </div>
                        <h3 data-title>{$v.title}</h3>
                    </a>
                    <!--{/if}-->
                    <!--{/vo}-->
                </div>
                <div class="panel-del">
                    <a  href="javascript:;"
                       data-media="{$vo.media_id}" data-data='{json_encode($data)}' data-select="">选择</a>
                </div>
            </div>

        </div>
        <!--{/loop}-->
    </div>
</div>
<div class="dux-page-foot am-cf" style=" margin-top: 10px">
    {$page}
</div>
<script>
    Do('base', function () {
        $('[data-select]').click(function() {
            var mediaId = $(this).data('media');
            window.parent.selectNews(mediaId, $(this).data('data'));
            parent.dialog.close();
        });

    });
</script>